<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>publicPage</title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/publicPage.css" />

		<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="../layer/layer.js"></script>
		<script>
			$(function() {
				$("#login").on("click", function() {

					layer.open({
						type: 2,
						title: '用户登录',
						shadeClose: true,
						shade: 0.4,
						area: ['380px', '400px'],
						content: ['login.html','no'] //iframe的url
					});

				})
			});
		</script>
	</head>

	<body class="main">

		<div>
			<ul>
				<li>
					<a href="#">考试</a>
				</li>
				<li>
					<a href="#">面试题</a>
				</li>
				<li>
					<a href="#">菜鸟联盟</a>
				</li>
				<li>
					<a href="#">人才招聘</a>
				</li>
				<li>
					<a href="#">资源下载</a>
				</li>
				<li>
					<a href="#">贴吧</a>
				</li>
				<li>
					<a href="#" id="login">登录</a>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		
	</body>

</html>